@import "./showhide.less";

body { background-color: #eef0f5 !important; padding-top: 78px !important;
  font-family: Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,FreeSans,Arimo,Droid Sans,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,FontAwesome,sans-serif; } /*#e9ecf3 */

/* 强制宽度，一般配合am-center使用 */
.max-width-100 { max-width: 100px !important; }
.max-width-1350 { max-width: 1350px !important; }
.max-width-1400 { max-width: 1400px !important; }

/*
  个性化设置
  fieldset  min-width: 100%;
*/
fieldset { border: 0; }
legend {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
  font-size: 2rem;
  line-height: inherit;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: .5rem;
}

/* 文字颜色 */
.dg-text-gray { color: #A3A3A3; }
.dg-text-white { color: white; }

/* dg公用属性 */
.dg-bg-transparent { background-color: transparent; }
.dg-margin-0 { margin: 0 !important; }
.dg-panel-bd { padding: 0; }
.dg-art { border: 2px solid #e9ecf3; border-radius: 7px; box-shadow:2px 2px 5px rgba(0,0,0,0.4); padding: 0.8rem; background-color: #fff; margin-bottom: 1rem; }
.dg-border-top-0 { border-top: 0px !important; }
.dg-border-bottom-0 { border-bottom: 0px !important; }
.dg-img-responsive-70 { display: block; max-width: 70%; height: auto; }
.dg-star {
  width: 100%; border-bottom: 1px solid #0e90d2; height: 15px; position: relative; margin: 5px 0 30px 0;
  span {
    font-size: 1.5rem; background-color:  #eef0f5; padding: 0 20px; text-align: center; width: 217px;
    // 居中定位
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 10px;
  }
  img {
    height: 30px; margin: -5px 10px 0 0;
  }
}
.dg-blur-img {
  filter: blur(10px);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -999;
}

/*
  another
*/
.reversal { -ms-transform: rotate(180deg); transform: rotate(180deg); }


/* input下划线2 */
.input-underline {
  width: 100%;
  display: block;
  border: none;
  color: #333;
  background: transparent;
  border-bottom: 1px dotted black;
  padding: 5px 2px 0 2px;
  &:focus {
    outline: none;
    border-color: #51CBEE;
  }
}

/* 滚动条 */
::-webkit-scrollbar {/*滚动条整体样式*/
  width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 8px;
  background-color: hsla(220, 4%, 58%, .3);
  transition: background-color .2s;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 5px;
}


/* 覆盖重写amazeui */
.am-form-file input[type=file] { height: 100%; }
.am-checkbox, .am-radio { margin-top: .1rem; }
.am-list > li { background-color: inherit; }
.am-modal-hd { padding: 15px 10px !important; }
.am-radio { padding-top: 0.1rem !important; }
.am-list-static > li { padding: .6rem .2rem !important; }
.am-form-icon [class*=am-icon-] { transform: translateY(-70%); }
.am-panel-footer { padding: .5rem 1rem !important; }
.am-panel { border: none !important; }
.am-panel-secondary>.am-panel-hd{background: #4a4a4a;color: floralwhite}
.am-slider-default .am-control-nav { bottom: 10px; }